CSS 对齐

2022-04-21
css

居中（center）

1	<center><p>Hello,world!</center>

center（text-align）

<style>
.text {
	text-align: center 
	}
</style>
<body>
	<p class="text">Hello,world!</p>
</body>

右（right）

<style>
.text {
	text-align: right 
	}
</style>
<body>
	<p class="text">Hello,world!</p>
</body>

<style>
.text {
	text-align: left 
	}
</style>
<body>
	<p class="text">Hello,world!</p>
</body>

margin（0 auto）

<style>
.dm {
	display: block;
	margin: 0 auto;
	}
</style>
<body>
	<img class="dm" src="http://zsdk.org.cn/img/Joint_ZhongShan/Jiang_Xue_Open_Knowledge_Repository.png">
</body>

ID	DE	FA
center	居中	元素标签

center	居中	text-align
right	居右
left	居左

0 auto	居中	margin

⬅️ Go back